$(function() {
    $("#botonBuscarCompras").click(function() {
        $("#coverDisplay").css({
            "opacity": "1",
            "width": "100%",
            "height": "100%"
        });
        var url = "egresostotales?";
        if ($("#selectCategoria").val() != "") {
            url += "categoria=" + $("#selectCategoria").val() + "&";
        }
        if ($("#selectProducto").val() != "" && $("#selectProducto").val() != null) {
            url += "producto=" + $("#selectProducto").val() + "&";
        }
        if ($("#desde").val() != "") {
            url += "desde=" + $("#desde").val() + "&";
        }
        if ($("#hasta").val() != "") {
            url += "hasta=" + $("#hasta").val() + "&";
        }
        url = url.substr(0, url.length - 1);
        window.location.href = url;
    });


    $("#buscarCompras .criterio").keypress(function(e) {
        if (e.which == 13) {
            $("#botonBuscarCompras").trigger("click");
        }
    });
     $("#buscarCompras .criterio").change(function(e) {
            $("#botonBuscarCompras").trigger("click");
    });
    $("#selectCategoria").change(function() {
        if ($(this).val() == "") {
            $("#selectProducto").html("").prop("disabled", true);
        } else {
            $.ajax({
                url: "listarProductos",
                data: {
                    idCategoria: $(this).val(),
                },
                type: 'POST',
                success: function(data) {
                    if (data != "[]") {
                        data = JSON.parse(data);
                        var str = "<option value=''>Todo</option>";
                        $.each(data, function(k, l) {
                            str += "<option value='" + l.id_servicio + "'>" + l.nombre + "</option>";
                        });
                        $("#selectProducto").html(str).prop("disabled", false)
                    }
                }
            });
        }
    });


    $("#paginacion li.noActive a").click(function() {
        $("#coverDisplay").css({
            "opacity": "1",
            "width": "100%",
            "height": "100%"
        });
        var paginacion = $("#paginacion");
        if ($(this).data("page") == 1) {
            url = "egresostotales?";
        } else {
            var url = "egresostotales?page=" + $(this).data("page") + "&";
        }

        if ($(paginacion).data("categoria") != "") {
            url += "categoria=" + $(paginacion).data("categoria") + "&";
        }
        if ($(paginacion).data("producto") != "") {
            url += "producto=" + $(paginacion).data("producto") + "&";
        }
        if ($(paginacion).data("desde") != "") {
            url += "desde=" + $(paginacion).data("desde") + "&";
        }
        if ($(paginacion).data("hasta") != "") {
            url += "hasta=" + $(paginacion).data("hasta") + "&";
        }
        url = url.substr(0, url.length - 1);
        window.location.href = url;
    });

    $("#desde").datepicker({
        changeMonth: true,
        numberOfMonths: 1,
        changeYear: true,
        dateFormat: "dd/mm/yy",
        monthNamesShort: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
        dayNamesMin: ["Dom", "Lun", "Mar", "Mié", "Juv", "Vie", "Sáb"],
        onClose: function(selectedDate) {
            $("#hasta").datepicker("option", "minDate", selectedDate);
        }
    });
    $("#hasta").datepicker({
        changeMonth: true,
        numberOfMonths: 1,
        changeYear: true,
        dateFormat: "dd/mm/yy",
        monthNamesShort: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
        dayNamesMin: ["Dom", "Lun", "Mar", "Mié", "Juv", "Vie", "Sáb"],
        onClose: function(selectedDate) {
            $("#desde").datepicker("option", "maxDate", selectedDate);
        }
    });
    if ($("#desde").val() != "") {
        $("#hasta").datepicker("option", "minDate", $("#desde").val());
    }
    if ($("#hasta").val() != "") {
        $("#desde").datepicker("option", "maxDate", $("#hasta").val());
    }

});